a { color:#cba300; text-decoration: none;}
a:visited { color:#cba300; }
a:link { color:#cba300; }
a:hover { color:#ffd21e; text-decoration: underline;}


font,td,a,table,div {
	FONT: 12px Arial, Helvetica, sans-serif,"ËÎÌå";
}

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #000000; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
IMG {
	border:0px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#top-fm-bg {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/images/user/top_fm_bg.jpg) repeat-x 50% top; PADDING-BOTTOM: 0px; PADDING-TOP: 13px; HEIGHT: 81px
}
#top-menu-bg {
	BACKGROUND: url(/images/user/top_menu_bg.jpg); MARGIN: 0px auto; WIDTH: 993px; POSITION: relative; HEIGHT: 76px
}
#logo {
	BACKGROUND: url(/images/user/logo.jpg); LEFT: 52px; WIDTH: 298px; POSITION: absolute; TOP: -13px; HEIGHT: 101px
}
#logo-btm {
	BACKGROUND: url(/images/user/logo_btm.jpg); LEFT: 52px; WIDTH: 198px; POSITION: absolute; TOP: 88px; HEIGHT: 68px
}
#logo A {
	DISPLAY: block; WIDTH: 298px; HEIGHT: 101px
}
#foot {
	TEXT-ALIGN: center;color:#555;CLEAR: both; MARGIN-TOP: 8px; BACKGROUND: url(foot.gif) repeat-x 100% bottom;; WIDTH: auto; HEIGHT: 35px
}
#conter {
	MARGIN: 0px auto; WIDTH: 890px
}
#left {
	FLOAT: left
}
#left-menu {
	/* BACKGROUND: url(left_menu.jpg) no-repeat; */
	MARGIN: 90px 0px 0px; WIDTH: 180px; HEIGHT: 510px
}

#left-btn {
	BACKGROUND: url(/images/user/left_btn_bg.jpg) no-repeat 50% bottom; PADDING-BOTTOM: 26px; WIDTH: 170px; HEIGHT: auto
}
#left-btn IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: relative; BORDER-BOTTOM-STYLE: none
}
#left-btn DIV {
	BACKGROUND: url(left_menu_last_bg.jpg); WIDTH: 170px; PADDING-TOP: 10px; HEIGHT: 30px; TEXT-ALIGN: center
}
#main {
	FLOAT: right
}
#top-bg {
	WIDTH: 693px; HEIGHT: 176px;
}
#human #top-bg {
	BACKGROUND: url(top_bg_human.jpg)
}
#nightelf #top-bg {
	BACKGROUND: url(/images/user/top_bg_nightelf.jpg)
}
#dwarf #top-bg {
	BACKGROUND: url(top_bg_dwarf.jpg)
}
#gnome #top-bg {
	BACKGROUND: url(top_bg_gnome.jpg)
}
#orc #top-bg {
	BACKGROUND: url(top_bg_orc.jpg)
}
#tauren #top-bg {
	BACKGROUND: url(top_bg_tauren.jpg)
}
#undead #top-bg {
	BACKGROUND: url(top_bg_undead.jpg)
}
#troll #top-bg {
	BACKGROUND: url(top_bg_troll.jpg)
}
#bloodelf #top-bg {
	BACKGROUND: url(top_bg_bloodelf.jpg)
}
#draenei #top-bg {
	BACKGROUND: url(top_bg_draenei.jpg)
}
#main-ct-hd {
	BACKGROUND: url(/images/user/main-ct-hd.gif); MARGIN: -20px -30px 0px -10px; WIDTH: 715px; HEIGHT: 58px
}

#main-ct-hd #top-btn DIV A {
	DISPLAY: block; FONT-SIZE: 12px; BACKGROUND: url(select_ct.gif); FILTER: alpha(opacity=80); FLOAT: none; WIDTH: 151px; COLOR: #d7cb9a; TEXT-INDENT: 30px; LINE-HEIGHT: 24px; HEIGHT: 24px; TEXT-DECORATION: none; opacity: 0.8
}

#main-ct-ct {
	PADDING-RIGHT: 33px; PADDING-LEFT: 33px; BACKGROUND: url(/images/user/main-ct-ct.jpg); 
	PADDING-BOTTOM: 0px; MARGIN: 0px -30px 0px -10px; WIDTH: 649px; PADDING-TOP: 0px; HEIGHT: auto
}
#main-ct-ct {
	MIN-HEIGHT: 400px
}

#main-ct-ft {
	BACKGROUND: url(/images/user/main-ct-ft.jpg); MARGIN: -15px -30px 0px -10px; WIDTH: 715px; HEIGHT: 82px
}

#main-ct-road #title-alliance {
	PADDING-LEFT: 36px; BACKGROUND: url(page_title_alliance.jpg); LEFT: 0px; WIDTH: 604px; PADDING-TOP: 9px; POSITION: relative; TOP: 0px; HEIGHT: 30px
}
#main-ct-road #title-horde {
	PADDING-LEFT: 36px; BACKGROUND: url(page_title_horde.jpg); LEFT: 0px; WIDTH: 604px; PADDING-TOP: 9px; POSITION: relative; TOP: 0px; HEIGHT: 30px
}
.theform {
	BORDER-RIGHT: #cda653 1px solid; BORDER-TOP: #cda653 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #cda653 1px solid; COLOR: #50331a; BORDER-BOTTOM: #cda653 1px solid; FONT-FAMILY: "Arial", "ËÎÌå"; BACKGROUND-COLOR: #fff6cd
}
#filterMenu {
	LEFT: 388px; WIDTH: 596px; COLOR: #d7cb9a; POSITION: absolute; TOP: 26px; HEIGHT: 64px
}
A.subMenuLink {
	DISPLAY: block; WIDTH: 80px; COLOR: #d7cb9a; TEXT-DECORATION: none
}
A.subMenuLink:link {
	DISPLAY: block; WIDTH: 80px; COLOR: #d7cb9a; TEXT-DECORATION: none
}
A.subMenuLink:visited {
	DISPLAY: block; WIDTH: 80px; COLOR: #d7cb9a; TEXT-DECORATION: none
}
#menubtn {
	LEFT: 387px; WIDTH: 596px; COLOR: #d7cb9a; POSITION: absolute; TOP: 39px; HEIGHT: 37px
}
#menubtn A {
	COLOR: #d7cb9a; TEXT-DECORATION: none
}
#menubtn A:hover {
	COLOR: #ffffff
}


/* 2008-7-18 05:23 add by mmx */
.frame {
	BACKGROUND-IMAGE: url(frame_bg.jpg); WIDTH: 705px; HEIGHT: 421px
}
.frame-classic {
	LEFT: 30px; POSITION: relative; TOP: 35px; HEIGHT: 357px
}
.frame-tbc {
	LEFT: 30px; POSITION: relative; TOP: 30px; HEIGHT: 366px
}

.msg-link {
    list-style-type: none;
}
.msg-link li a {
	line-height: 26px;
    background: url(arrow_01.gif) no-repeat 0px 6px;
    padding-left:   18px;
    margin-left:    0;
	font-size:14px;
}
.msg-link li a:visited{ color:#996600; text-decoration: none;}
.msg-link li a:hover{ color:#f00; text-decoration: underline;}
.msg-link li a:link{ color:#996600; text-decoration: none;}

.mmx1 { 
	padding-top:4px; 
	color: #cba300; 
	font-size: 12px; 
	font-family: "ËÎÌå"; 
	BACKGROUND: #2e2d2b; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #5d5d5d #5d5d5d #1e1d1c #1e1d1c;
}

.mmx2 { 
	padding-top:4px; 
	text-align: center; 
	color: #cba300; 
	font-size: 12px; 
	font-family: "ËÎÌå"; 
	BACKGROUND: #2e2d2b; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #5d5d5d #5d5d5d #1e1d1c #1e1d1c;
}
.mypage a, .mmx2 a,.mmx2 font{ font-size:14px;text-decoration: none;}



.mmxtable, .mmxtable td { font-family:"ËÎÌå";font-size:14px; color:#999999;font-weight: bold;
filter:progid:dximagetransform.microsoft.shadow(color=#000000, direction=135, strength=2);}
.mmxtable input
{
padding:2px 0px 0px 4px;
height:22px;font-weight: bold;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 14px; 
color: #000000; 
border-right: #666666 1px solid; 
border-top: #666666 1px solid; 
border-left: #666666 1px solid; 
border-bottom: #666666 1px solid; 
background-color: #cccccc; 
text-decoration: none;
}

#left-banner1{width:168px; height:69px; background:url(main_left_01.jpg) no-repeat; margin-left:2px;}
#left-banner2{width:168px; height:69px; background:url(main_left_02.jpg) no-repeat; margin-left:2px;}

#left-banner1 a,#left-banner2 a{width:168px;height:69px; display:block;}
